<!doctype html>
<html class="no-js" lang="zh_cn">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">

		<!-- Page Title Here -->
		<title id="title">葛进进&龚正连婚礼邀请函 &nbsp;&nbsp;&nbsp;&nbsp;</title>

		<!-- Page Description Here -->
		<meta name="description" content="A responsive coming soon template, un template HTML pour une page en cours de construction">

		<!-- Disable screen scaling-->
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">

		<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->

		<!-- Initializer -->
		<link rel="stylesheet" href="css/normalize.css">

		<!-- Web fonts and Web Icons -->
		<link rel="stylesheet" href="css/pageloader.css">
		<link rel="stylesheet" href="fonts/opensans/stylesheet.css">
		<link rel="stylesheet" href="fonts/asap/stylesheet.css">
		<link rel="stylesheet" href="css/ionicons.min.css">

		<!-- Vendor CSS style -->
		<link rel="stylesheet" href="css/foundation.min.css">
		<link rel="stylesheet" href="js/vendor/jquery.fullPage.css">
		<link rel="stylesheet" href="js/vegas/vegas.min.css">

		<!-- Main CSS files -->
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/main_responsive.css">
		<link rel="stylesheet" href="css/style-color1.css">
		<link rel="stylesheet" href="css/style-book.css">
		<script src="js/vendor/modernizr-2.7.1.min.js"></script>
		<style>
			#jp_container_1 { position: fixed; top: 5%; left: 2% }
#jp_container_1 a { font-size: 26px; color: #ffffff }
#jp_container_1 a:hover { color: #f4645f }
.blink{
		font-size: 46px; 
		color:#4cc134; 
		margin: 10px;
		animation: changeshadow 500ms  ease-in  infinite ;
}  
@keyframes changeshadow {  
	    0%{ text-shadow: 0 0 4px #4cc134}  
	    50%{ text-shadow: 0 0 40px #4cc134}  
	    100%{ text-shadow: 0 0 4px #4cc134}  
}
.hewenqiheart{width:160px;height:200px;position:relative}
.hewenqiheart:before{content:" ";border: 0 solid transparent; -moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px 100px 0 0;width:80px;
height:120px;background:#ff0000;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);

position:absolute;left:20px;}
.hewenqiheart:after{content:" ";border: 0 solid transparent; -moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px 100px 0 0;width:80px;
height:120px;background:red;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);
position:absolute;left:48px;top:0px;}
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');
body
{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #060c21;
    font-family: 'Poppins',sans-serif;
}
 
.box{
    position: relative;
    width: 300px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #060c21;
}
.box:before
{
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: #fff;
    z-index: -1;
}
 
.box:after
{
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: #fff;
    z-index: -2;
    filter: blur(40px);
 
}
.box:before,
.box:after
{
    background: linear-gradient(235deg,#89ff00,#060c21,#00bcd4);
 
}
.content
{
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
}
</style>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	</head>
	<body id="menu" class="alt-bg">
		<!--[if lt IE 8]>
	<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
		
		<!-- Page Loader -->
		<div class="page-loader" id="page-loader">
			<div><i class="ion ion-loading-d"></i>
				<p style="font-style: normal;">永远相信，美好的事情即将发生...</p>
			</div>
		</div>
		<!-- BEGIN OF site cover -->
		<div class="page-cover" id="s-cover">
			<!-- Cover Background -->
			<div class="cover-bg pos-abs full-size bg-img" data-image-src="img/bg-slide3.jpg"></div>

			<!-- BEGIN OF Slideshow Background -->
			<div class="cover-bg pos-abs full-size slide-show"> <i class='img' data-src='img/bg-slide3.jpg'></i> <i class='img'
				 data-src='img/bg-slide2.jpg'></i> <i class='img' data-src='img/bg-slide1.jpg'></i> </div>
			<!-- END OF Slideshow Background -->

			<div class="cover-bg-mask pos-abs full-size bg-color" data-bgcolor="rgba(0, 0, 0, 0.41)"></div>
		</div>
		<!--END OF site Cover -->

		<!-- Begin of timer pane -->
		<div class="pane-when " id="s-when">
			<div class="content">
				<!-- Clock -->
				<div class="clock clock-countdown">
					<div class="site-config" data-date="1/30/2021 12:00:00" data-date-timezone="+8"></div>
					<div class="elem-center">
						<div class="digit"> <span class="days"></span> <span class="txt">天</span> </div>
					</div>
					<div class="elem-bottom">
						<div class="deco"></div>

						<!--						<span class="days">12</span><span class="thin">D</span>-->
						<span class="hours"></span><span class="thin">小时</span> <span class="minutes">45</span><span class="thin">分钟</span>
						<span class="seconds">36</span><span class="thin">秒</span>
					</div>
				</div>
				<footer>
					<p>2022年 <strong>1月30日(农历腊月十八)</strong></p>
				</footer>
			</div>
		</div>
		<!-- End of timer pane -->
		<!-- BEGIN OF site main content content here -->
		<main class="page-main" id="mainpage">

			<!-- Begin of home page -->
			<div class="section page-home page page-cent" id="s-home">

				<!-- Content -->
				<section class="content">
					<header class="header">
						<div class="h-left">
							<h2>诚邀<strong>见证</strong></h2>
						</div>
						<div class="h-right">
							<h3 class="blink" style="color: red;">葛进进 &
								龚正连</h3>
							<h4 class="subhead"><a href="#register">婚礼</a></h4>
						</div>
					</header>
				</section>

				<!-- Scroll down button -->
				<footer class="p-footer p-scrolldown"> <a href="#register">
						<div class="arrow-d">
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
					</a> </footer>
			</div>
			<!-- End of home page -->

			<!-- Begin of register page -->
			<div class="section page-register page page-cent" id="s-register">
				<section class="content">
					<header class="p-title">
						<h3>庆宴时间：<i class="ion ion-compose"></i></h3>
						<h4 class="subhead">
							<p><strong>新郎：2021年1月30日(农历腊月十八)</strong></p>
						</h4>
						<h4 class="subhead">
							<p><strong>新娘：2021年1月29日(农历腊月十七)</strong></p>
						</h4>
					</header>
					<div>
					</div>
				</section>
				<footer class="p-footer p-scrolldown"> <a href="#about-us">
						<div class="arrow-d">
							<div class="before">About</div>
							<div class="after">Lorem</div>
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
					</a> </footer>
			</div>
			<!-- End of register page -->
			
			<!-- Begin of about us page -->
			<div class="section page-about page page-cent" id="s-about-us">
				<section class="content">
					<header class="p-title">
						<div class="hewenqiheart"></div>
						<article class="text">
							<h5 style="font-family:cursive;text-shadow:6px 2px 2px #5500ff;color:yellow; font-style: normal;">花径不曾缘客扫，蓬门今始为君开。　</h5>
							<h5 style="font-family:cursive;text-shadow:6px 2px 2px #5500ff;color:yellow; font-style: normal;">盘飧市远无兼味，樽酒家贫只旧醅。
							</h5>
						</article>
						<h3>照片墙 <i class="ion ion-android-information"> </i> </h3>
						<div>
							<div>
								<ul>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow; font-style: italic;">上联：三杯淡酒酬宾客
											　　下联：一席粗肴宴懿亲</h5>
											<img src="img/img/20210114091639.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：日丽风和桃李笑
											　　下联：珠联璧合凤凰飞</h5>
										<img src="img/img/20210114091654.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：青梅酒熟凭君醉
											　　下联：红烛春浓任客谈</h5>
										<img src="img/img/20210114091707.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：扫净庭阶迎客驾
											　　下联：携来笙管接鸳舆</h5>
										<img src="img/img/20210114091723.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：三千珠履光门户
											　　下联：一对青年结风俦</h5>
										<img src="img/img/20210114091739.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：青梅酒熟凭君醉
											　　下联：红烛春浓任客谈</h5>
										<img src="img/img/20210114091756.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：碰杯邀客开宏量
											　　下联：举箸筵宾表至诚</h5>
										<img src="img/img/20210114091812.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：蓬门且喜来珠履
											　　下联：侣伴从今到白头</h5>
										<img src="img/img/20210114091842.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：陋室摆筵酬厚意
											　　下联：嘉宾上座叙欢情</h5>
										<img src="img/img/20210114091928.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：连斟酬客意
											　　下联：渴望解吾心</h5>
										<img src="img/img/20210114092018.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：连理枝喜结大地
											　　下联：比翼鸟欢翔长天</h5>
										<img src="img/img/20210114092034.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：客溢篷门家有幸
											　　下联：席陈淡酒主怀惭</h5>
										<img src="img/img/20210114092108.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：鞠躬致迓嘉宾至
											　　下联：侧耳遥闻彩凤鸣</h5>
										<img src="img/img/20210114092126.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：节值仲冬迎淑女
											　　下联：时逢吉日款良朋</h5>
										<img src="img/img/20210114092143.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：几杯淡酒难称宴
											　　下联：一意留宾莫说归</h5>
										<img src="img/img/20210114092208.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：婚事近新年倒履迎宾椒酒
											　　下联：姻缘原夙世肯堂接媳姜汤</h5>
										<img src="img/img/20210114092227.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：合欢偕伴侣
											　　下联：新喜结亲家</h5>
										<img src="img/img/20210114092249.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：大驾光临门第耀
											　　下联：良辰聚会主宾欢</h5>
										<img src="img/img/20210114092316.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：淑女迎来蓬门添异彩
											　　下联：佳人望断花月醉青山</h5>
										<img src="img/img/20210114143123.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：珠联璧合凤凰飞
											　　下联：花好月圆鹦鹉去</h5>
										<img src="img/img/20210114143148.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：天上四时春作首
											　　下联：人间百事婚当先</h5>
										<img src="img/img/20210114143213.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：才贴桃符梅正艳
											　　下联：又迎鸾凤喜添翎</h5>
										<img src="img/img/20210114143250.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：梅黛春生杨柳绿
											　　下联：玉楼人映杏花红</h5>
										<img src="img/img/20210114143311.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：仲阳柳绿飞鹦鹉
											　　下联：花月新风迎凤凰</h5>
										<img src="img/img/20210114143333.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：燕把春泥筑宝垒
											　　下联：莺穿杨柳织翠丝</h5>
										<img src="img/img/20210114143353.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：门逢新禧月方满
											　　下联：花到韶春香正浓</h5>
										<img src="img/img/20210114143414.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：桃花人面红相映
											　　下联：杨柳春风绿更多</h5>
										<img src="img/img/20210114143433.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：翠侣巧妆鸾凤侣
											　　下联：红桃宜挂佳人头</h5>
										<img src="img/img/20210114143503.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：礼行奠雁三春后
											　　下联：诗咏关睢四月中</h5>
										<img src="img/img/20210114143527.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：清明盛世迎佳日
											　　下联：恩爱夫妻共韶华</h5>
										<img src="img/img/20210114143542.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：牡丹香里人如玉
											　　下联：喜字门前笑绽花</h5>
										<img src="img/img/20210114143616.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：抬头欣见金莺舞
											　　下联：侧耳喜听彩凤鸣</h5>
										<img src="img/img/20210114143640.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：榴花似火灼杲日
											　　下联：香蒲如云迎丽人</h5>
										<img src="img/img/20210114143706.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：六月红莲双蒂艳
											　　下联：一堂好友共交杯</h5>
										<img src="img/img/20210114143723.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：荷叶池中鱼比目
											　　下联：蓝桥石畔凤双飞</h5>
										<img src="img/img/20210114143742.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：紫燕双飞鸣翠柳
											　　下联：红莲并蒂迎清波</h5>
										<img src="img/img/20210114143809.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：云汉桥成牛女渡
											　　下联：春台箫引凤凰飞</h5>
										<img src="img/img/20210114143829.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：新秋金阁成佳偶
											　　下联：瓜月婚期结良缘</h5>
										<img src="img/img/20210114143852.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：桂苑月明金作屋
											　　下联：蓝田玉暖日生香</h5>
										<img src="img/img/20210114143912.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：妆阁试呈双凤舞
											　　下联：蟾宫先折一枝香</h5>
										<img src="img/img/20210114143934.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：云楼欲上攀丹桂
											　　下联：月殿先登晤素娥</h5>
										<img src="img/img/20210114143953.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：萸囊色映齐眉案
											　　下联：菊圃香传合卺杯</h5>
										<img src="img/img/20210114144026.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：不劳鸿雁传尺素
											　　下联：且喜秋声入洞房</h5>
										<img src="img/img/20210114144043.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：大雁乘风飞玉宇
											　　下联：夫妻比翼乐阳春 </h5>
										<img src="img/img/20210114144104.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">上联：翡翠帘垂初夜月
											　　下联：芙蓉镜卜小阳春</h5>
										<img src="img/img/20210114144131.png">
									</li>
									<li>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">良辰已订，吉日待访。</h5>
										<h5 style="font-family:cursive;text-shadow:6px 2px 2px #aa5500;color:yellow;; font-style: italic;">
											婚礼邀请函由新郎（葛进进）完成，谨以此函表示诚挚的邀请，如有打扰之处，敬请谅解！</h5>
									</li>

								</ul>
							</div>
						</div>
					</header>
				</section>
			</div>
			<!-- End of about us page -->
			<!-- Begin of Contact page   -->
			<div class="section page-contact page page-cent  bg-color" data-bgcolor="rgba(95, 25, 208, 0.88)s" id="s-contact">
				<!-- Begin of contact information -->
				<div class="slide" id="s-information" data-anchor="information">
					<section class="content">
						<header class="p-title">
							<h3>地址及联系电话<i class="ion ion-location"> </i> </h3>
							<ul class="buttons">
								<li class="show-for-medium-up"> <a title="About" href="#about-us"><i class="ion ion-android-information"></i></a>
								</li>
								<!--<li>
									<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
								</li>-->

							</ul>
						</header>
						<!-- Begin Of Page SubSction -->
						<div class="contact">
							<div class="row">
								<div class="medium-6 columns left">
									<ul>
										<li>
											<h4>地址：</h4>
											<p style="color: darkred;">新郎：<a href="https://map.baidu.com/poi/%E8%BF%98%E7%94%B0/@11887029.91,3264641.2749118945,11.73z?uid=a1418eb46bde957eebe58260&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&querytype=detailConInfo&da_src=shareurl"
												 target="_blank">桐梓县楚米镇高山村还田</a></p>
											<p style="color: darkred;">新娘：<a href="https://map.baidu.com/search/%E9%87%8E%E7%8C%AA%E5%8F%B0/@11890247.085,3239564.98,14.34z?querytype=s&da_src=shareurl&wd=%E9%87%8E%E7%8C%AA%E5%8F%B0&c=262&src=0&pn=0&sug=0&l=13&b=(11855332.45227972,3228993.18959795;11916132.11619014,3258696.3587375195)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1"
												 target="_blank">
													桐梓县燎原镇大关村野猪台</a></p>
										</li>
										<li>
											<h4>联系电话:</h4>
											<p style="color: red;">新郎：16643531544</p>
											<p style="color: red;">新娘：16685210525</p>
											<h4>其他内容:</h4>
											<p style="color: blanchedalmond;"><a style="background-color: red; width: 395px;height: 40px;border-radius: 15px;" href="music/index.html">听个小曲儿</a></p>
											<p style="color: blanchedalmond;"><a style="background-color: red;  width: 395px;height: 40px;border-radius: 15px;" href="music/tianzhidao/index.html">看一下天气如何</a></p>
										</li>
									</ul>
								</div>
								<div class="medium-6 columns social-links right">
									<ul>

										<!-- legal notice -->
										<li class="show-for-medium-up">

										</li>
										<li>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End of page SubSection -->
					</section>
				</div>
				<!-- end of contact information -->

				<!-- begin of contact message -->
				<div class="slide" id="s-message" data-anchor="message">
					<section class="content">
						<header class="p-title">
							<h3>宾客寄语：<i class="ion ion-email"> </i> </h3>
							<ul class="buttons">
								<!-- <li class="show-for-medium-up"> <a title="About" href="#about-us"><i class="ion ion-android-information"></i></a> </li> -->
								<!--<li> <a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a> </li>-->
								<!--<li>
									<a title="Message" href="#contact/message"><i class="ion ion-email"></i></a>
								</li>-->
							</ul>
						</header>
						<!-- Begin Of Page SubSction -->

						<div class="page-block c-right v-zoomIn">
							<div class="wrapper">
								<div>
									<form class="message form send_message_form" method="get" action="ajaxserver/serverfile.php">
										<div class="fields clearfix">
											<div class="input">
												<label for="mes-name">姓名</label>
												<input id="mes-name" name="name" type="text" placeholder="您的名字" required>
											</div>
											<div class="buttons">
												<button onclick="send()" id="submit-message" class="button email_b" name="submit_message">发送</button>
											</div>
										</div>
										<div class="fields clearfix">
											<div class="input">
												<label for="mes-email">邮箱： </label>
												<input id="mes-email" value="www.gejin9544@outlook.com" type="email" placeholder="邮箱地址" name="email"
												 required>
											</div>
										</div>
										<div class="fields clearfix no-border">
											<label for="mes-text">留言： </label>
											<textarea id="mes-text" placeholder="您写下的祝福将被送出" name="message" required></textarea>
											<div>
												<p class="message-ok invisible">您的祝福已经送出，谢谢！.</p>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
						<!-- End Of Page SubSction -->
					</section>
				</div>
				<footer class="p-footer p-scrolldown"> <a href="#about-us">
						<div class="arrow-d">
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
					</a> </footer>
				<!-- End of contact message -->
			</div>
						</header>
						<!-- Begin Of Page SubSction -->
						<div class="contact">
							<div class="row">
								<div class="medium-6 columns left">
									
								</div>
								<div class="medium-6 columns social-links right">
									<ul>
			
										<!-- legal notice -->
										<li class="show-for-medium-up">
											
										</li>
										<li>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End of page SubSection -->
					</section>
				</div>
				<!-- end of contact information -->
			
		</main>
		
		<script src="js/jquery.min.js"></script>
		<!-- All vendor scripts -->
		<script src="js/vendor/all.js"></script>

		<!-- Downcount JS -->
		<script src="js/jquery.downCount.js"></script>

		<!-- Form script -->
		<script src="js/form_script.js"></script>

		<!-- Javascript main files -->
		<script src="js/main.js"></script>
		<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$("#jquery_jplayer_1").jPlayer({
					ready: function() {
						$(this).jPlayer("setMedia", {
							mp3: "music.mp3",

						}).jPlayer("play");
					},
					ended: function() { // The $.jPlayer.event.ended event
						$(this).jPlayer("play"); // Repeat the media
					},
					swfPath: "/js",
					supplied: "mp3"
				});
			});
			// 滚动标题
			setInterval(function() {
				var tag = document.getElementById('title'); //根据id获取元素
				var content = tag.innerText; // 获取title标签的文本内容
				var firstStr = content.charAt(0); // 获取第一个字
				var surplue = content.substring(1, content.length); // 删除第一个字
				var new_content = surplue + firstStr; // 把第一个字加到最后面
				tag.innerText = new_content;
			}, 150);
		</script>
		<div id="jquery_jplayer_1"></div>
		<div id="jp_container_1"> <a href="#" class="jp-play">
				<li class="ion-music-note" data-pack="default" data-tags="songs"></li>
			</a> <a href="#" class="jp-pause">
				<li class="ion-headphone" data-pack="default" data-tags="music, earbuds, beats"></li>
			</a> </div>
	</body>
</html>
